<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Edit</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- Bootstrap 3.3.7 -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/2.0.0/css/ionicons.min.css">

        <!-- Theme style -->
        <link rel="stylesheet" href="/adminlte/dist/css/AdminLTE.min.css">
        <!-- AdminLTE Skins. Choose a skin from the css/skins
             folder instead of downloading all of them to reduce the load. -->
        <link rel="stylesheet" href="/adminlte/dist/css/skins/_all-skins.min.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- Google Font -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    </head>
    <body class="hold-transition skin-blue sidebar-mini" style="background-color:#ECF0F5">





            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        菜单管理
                        <small>修改</small>
                    </h1>

                </section>

                <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <!-- left column -->
                        <div class="col-md-6">
                            <!-- general form elements -->
                            <div class="box box-primary">
                                <div class="box-header with-border">
                                    <!--<h3 class="box-title">Quick Example</h3>-->
                                </div>
                                <!-- /.box-header -->
                                <!-- form start -->
                                <form role="form" action="/menu/edit">
                                    <input type="hidden" name="id" value="${menu.id}"/>
                                    <div class="box-body">
                                        <div class="form-group">
                                            <label>父菜单</label>
                                            <select name="parentId" class="form-control">
                                                <option value="0">【顶级菜单】</option>
                                                <%
                                                for(topMenu in topMenuList){
                                                    if(menu.parentId == topMenu.id)
                                                    {
                                                        print('<option value="'+topMenu.id+'" selected="selected">'+topMenu.name+'</option>');
                                                        continue;
                                                    }

                                                    print('<option value="'+topMenu.id+'">'+topMenu.name+'</option>');
                                                }
                                                %>
                                            </select>


                                        </div>
                                        <div class="form-group">
                                            <label>菜单名称</label>
                                            <input type="text" name="name" class="form-control" id="name" placeholder="Enter 菜单名称" value="${menu.name}">
                                        </div>
                                        <div class="form-group">
                                            <label>URL</label>
                                            <input type="text" name="url" class="form-control" id="url" placeholder="Enter URL" value="${menu.url}">
                                        </div>
                                        <div class="form-group">
                                            <label>排序</label>
                                            <input type="text" name="orderNo" class="form-control" id="orderNo" placeholder="Enter URL" value="${menu.orderNo}">
                                        </div>
                                        <!--<div class="form-group">-->
                                            <!--<label for="exampleInputFile">File input</label>-->
                                            <!--<input type="file" id="exampleInputFile">-->

                                            <!--<p class="help-block">Example block-level help text here.</p>-->
                                        <!--</div>-->
                                        <!--<div class="checkbox">-->
                                            <!--<label>-->
                                                <!--<input type="checkbox"> Check me out-->
                                            <!--</label>-->
                                        <!--</div>-->
                                    </div>
                                    <!-- /.box-body -->

                                    <div class="box-footer">
                                        <button type="submit" class="btn btn-primary">Submit - 提交</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.box -->
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                </div>
            </aside>
            <!-- /.control-sidebar -->
            <!-- Add the sidebar's background. This div must be placed
                 immediately after the control sidebar -->
            <div class="control-sidebar-bg"></div>

        <!-- ./wrapper -->

        <!-- jQuery 3 -->
        <script src="/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
        <!-- Bootstrap 3.3.7 -->
        <script src="/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <!-- FastClick -->
        <script src="/adminlte/bower_components/fastclick/lib/fastclick.js"></script>
        <!-- AdminLTE App -->
        <script src="/adminlte/dist/js/adminlte.min.js"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="/adminlte/dist/js/demo.js"></script>
    </body>
</html>
